<div class="page-header no-breadcrumb font-header">待机广告推广</div>
<div class="content-wrap">
<div class="panel panel-default">


<!--panel-body-->
<div class="panel-body">
    <div class="row common-padding">
        <ul class="nav nav-tabs font-12">
            <li role="presentation" class="active common-mleft"><a aria-expanded="true" href="#Video"
                                                                   data-toggle="tab">视频广告</a>
            </li>
            <li class="" role="presentation"><a aria-expanded="false" href="#Image" data-toggle="tab">图片广告</a>
            </li>
        </ul>
    </div>
</div>
<!--panel-body-->


<div class="tab-content b-all no-b-t">
<!--video-->
<div class="tab-pane fade active in" id="Video">
    <!--table-responsive-->
    <div class="table-responsive overflow-x">
        <div class="dataTables_wrapper dt-bootstrap no-footer">
            <div class="row common-body common-ptop">
                <div class="col-sm-4">
                    <div class="input-group pull-left">
                        <input type="text" placeholder="请输入广告名称" class="form-control">
                            <span class="input-group-btn font-12">
                            <button type="button" class="btn btn-flat btn-danger">搜索</button>
                          </span>
                    </div>
                </div>
                <div class="col-sm-8">
                    <div class="form-group">
                        <div class="btn-padding inblock pull-right">
                            <a href="/tuiguang/create" class="btn btn-info btn-flat">添加广告</a>
                        </div>
                    </div>
                </div>
            </div>

            <!--row-->
            <div class="row common-body common-ptop">
                <div class="col-sm-12 table-items">
                    <table aria-describedby="datatable_info"
                           class="table table-striped font-12 dataTable no-footer">
                        <thead>
                        <tr>
                            <th>顺序</th>
                            <th class="text-center">广告名</th>
                            <th class="text-center">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>1</td>
                            <td class="text-center">title1</td>
                            <td class="text-center">
                                <a href="#" class="text-btn text-success">预览</a>
                                <a href="#" class="text-btn text-info">编辑</a>
                                <a href="#" class="text-btn text-danger">删除</a>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td class="text-center">title1</td>
                            <td class="text-center">
                                <a href="#" class="text-btn text-success">预览</a>
                                <a href="#" class="text-btn text-info">编辑</a>
                                <a href="#" class="text-btn text-danger">删除</a>
                            </td>
                        </tr>

                        </tbody>
                    </table>
                </div>
            </div>
            <!--row-->

            <!--row-->
            <div class="row">
                <div class="col-sm-7">
                    <div class="dataTables_paginate paging_simple_numbers" id="datatable_paginate">
                        <ul class="pagination">
                            <li class="paginate_button previous disabled" id="datatable_previous"><a
                                        href="#"
                                        aria-controls="datatable"
                                        data-dt-idx="0"
                                        tabindex="0">上一页</a>
                            </li>
                            <li class="paginate_button active"><a href="#" aria-controls="datatable"
                                                                  data-dt-idx="1" tabindex="0">1</a></li>
                            <li class="paginate_button "><a href="#" aria-controls="datatable"
                                                            data-dt-idx="2"
                                                            tabindex="0">2</a></li>
                            <li class="paginate_button next" id="datatable_next"><a href="#"
                                                                                    aria-controls="datatable"
                                                                                    data-dt-idx="3"
                                                                                    tabindex="0">下一页</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--row-->
        </div>
    </div>
    <!--table-responsive-->
</div>
<!--video-->

<!--Image-->
<div class="tab-pane fade" id="Image">
    <!--table-responsive-->
    <div class="table-responsive overflow-x">
        <div class="dataTables_wrapper dt-bootstrap no-footer">
            <div class="row common-body common-ptop">
                <div class="col-sm-4">
                    <div class="input-group pull-left">
                        <input type="text" placeholder="请输入广告名称" class="form-control">
                            <span class="input-group-btn font-12">
                            <button type="button" class="btn btn-flat btn-danger">搜索</button>
                          </span>
                    </div>
                </div>
                <div class="col-sm-8">
                    <div class="form-group">
                        <div class="btn-padding inblock pull-right">
                            <a href="/tuiguang/create" class="btn btn-info btn-flat">添加广告</a>
                        </div>
                    </div>
                </div>
            </div>

            <!--row-->
            <div class="row common-body common-ptop">
                <div class="col-sm-12 table-items">
                    <table aria-describedby="datatable_info"
                           class="table table-striped font-12 dataTable no-footer">
                        <thead>
                        <tr>
                            <th>顺序</th>
                            <th class="text-center">广告名</th>
                            <th class="text-center">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>1</td>
                            <td class="text-center">title1</td>
                            <td class="text-center">
                                <a href="#" class="text-btn text-success">预览</a>
                                <a href="#" class="text-btn text-info">编辑</a>
                                <a href="#" class="text-btn text-danger">删除</a>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td class="text-center">title1</td>
                            <td class="text-center">
                                <a href="#" class="text-btn text-success">预览</a>
                                <a href="#" class="text-btn text-info">编辑</a>
                                <a href="#" class="text-btn text-danger">删除</a>
                            </td>
                        </tr>

                        </tbody>
                    </table>
                </div>
            </div>
            <!--row-->

            <!--row-->
            <div class="row">
                <div class="col-sm-7">
                    <div class="dataTables_paginate paging_simple_numbers" id="datatable_paginate">
                        <ul class="pagination">
                            <li class="paginate_button previous disabled" id="datatable_previous"><a
                                        href="#"
                                        aria-controls="datatable"
                                        data-dt-idx="0"
                                        tabindex="0">上一页</a>
                            </li>
                            <li class="paginate_button active"><a href="#" aria-controls="datatable"
                                                                  data-dt-idx="1" tabindex="0">1</a></li>
                            <li class="paginate_button "><a href="#" aria-controls="datatable"
                                                            data-dt-idx="2"
                                                            tabindex="0">2</a></li>
                            <li class="paginate_button next" id="datatable_next"><a href="#"
                                                                                    aria-controls="datatable"
                                                                                    data-dt-idx="3"
                                                                                    tabindex="0">下一页</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--row-->
        </div>
    </div>
    <!--table-responsive-->
</div>
<!--Image-->


</div>
</div>

</div>




